﻿<div id="@PropertyEditorId" class="property-editor @CssClass" style="@Style" @ondblclick="OnDoubleClicked">
    <div class="title">
        <XafImage CssClass="image me-2" ImageName="@PropertyEditor.EntityProperty.PropertyTypeImage" Size="20" />
        <div class="caption">@Caption</div>
    </div>
    <div class="more">
        <div>@PropertyEditor.ComponentName</div>
        <div class="separator">/</div>
        <div>@PropertyEditor.EntityPropertyPath</div>
        <div class="separator">/</div>
        <div>@PropertyEditor.EntityProperty.TypeSummary</div>
        @if (!string.IsNullOrWhiteSpace(PropertyEditor.EntityProperty.Description))
        {
            <div class="separator">/</div>
            <div>@PropertyEditor.EntityProperty.Description</div>
        }
    </div>
    <div class="property-editor-tools ignore-elements">
        <XafImage CssClass="property-editor-tool tool-setting" ImageName="Actions_Settings" Color="#999" Size="16" @onclick="OnSetting" />
        <XafImage CssClass="property-editor-tool tool-delete" ImageName="Actions_Delete" Color="#999" Size="16" @onclick="OnDelete" />
    </div>
</div>